<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>汽车购票系统</title>
    <link rel="stylesheet" href="../css/frozen.css">
    <link rel="shortcut icon" href="../img/carTitlePicture.jpg"/>
    <script src="../lib/angular.js"></script>
    <style>
        .recentlyBox>li{
            text-indent: 0.2rem;
        }
        .hotBox>li{
            text-indent: 0.2rem;
        }
        .allBox>li{
            text-indent: 0.2rem;
        }
        .allBox>li:first-child{
            background-color: #EBECED;
        }
        .allBoxFather{
            position: relative;
        }
        .miaoDian{
            position: absolute;
            top: 0;
            right: 0.1rem;
            z-index: 2;
        }
        .miaoDian li{
            color: #18b4ed;
            font: 0.12rem "微软雅黑";
        }
    </style>
</head>
<body ontouchstart=""  ng-app="myapp">
<header class="ui-header ui-header-positive  ">
    <i class="ui-icon-return" onclick="history.back()"></i><h1 style="font-size: 0.3rem">车站选择</h1>
</header>
<footer class="ui-footer ui-footer-btn">
    <ul class="ui-tiled ui-border-t">
        <li data-href="index.html" class="ui-border-r" style="background-color: #18b4ed"><div style="color: #fffefe">车票预订</div></li>
        <li data-href="ui.html" class="ui-border-r jumpOne"><div>订单查询</div></li>
        <li data-href="js.html" class="jumpTwo"><div>我的信息</div></li>
    </ul>
</footer>
<section class="ui-container" ng-controller="control">
    <!--搜索框-->
    <div class="ui-searchbar-wrap ui-border-b">
        <div class="ui-searchbar ui-border-radius">
            <i class="ui-icon-search"></i>
            <div class="ui-searchbar-text">搜索</div>
            <div class="ui-searchbar-input"><input id="searchIn" ng-model="searchInput" value="" type="text" placeholder="请输入站台名" autocapitalize="off"></div>
            <i class="ui-icon-close"></i>
        </div>
        <button class="ui-searchbar-cancel">取消</button>
    </div>
    <section class="ui-container">
        <section id="tab">
            <div class="demo-item">
                <div class="demo-block">
                    <div class="ui-tab" style="overflow: visible">
                        <ul class="ui-tab-nav ui-border-b cardBox">
                            <li hehe="1" class="current clickRecently">最近常用</li>
                            <li hehe="2" class="clickHot">热门车站</li>
                            <li hehe="3" class="clickAll">车站列表</li>
                        </ul>
                        <ul class="ui-tab-content" style="width:300%" >
                            <!--最近常用-->
                            <li>
                                <ul class="ui-list-text border-list recentlyBox">

                                </ul>
                            </li>
                            <!--热门车站-->
                            <li>
                                <ul class="ui-list-text border-list hotBox">

                                </ul>
                            </li>
                            <!--车站列表（总）-->
                            <li class="allBoxFather">
                                <ul class="ui-list-text border-list allBox">
                                    <li class="ui-border-b firatChild">A</li>

                                </ul>
                                <div class="miaoDian">
                                    <ul>
                                        <li>A</li>
                                        <li>B</li>
                                        <li>C</li>
                                        <li>D</li>
                                        <li>E</li>
                                        <li>F</li>
                                        <li>G</li>
                                        <li>H</li>
                                        <li>I</li>
                                        <li>J</li>
                                        <li>K</li>
                                        <li>L</li>
                                        <li>M</li>
                                        <li>N</li>
                                        <li>O</li>
                                        <li>P</li>
                                        <li>Q</li>
                                        <li>R</li>
                                        <li>S</li>
                                        <li>T</li>
                                        <li>U</li>
                                        <li>V</li>
                                        <li>W</li>
                                        <li>X</li>
                                        <li>Y</li>
                                        <li>Z</li>
                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <script class="demo-script">

                </script>
            </div>
        </section>
</section>
<script src="../lib/zepto.main.1.20.js"></script>
<script src="../lib/NEWzepto.tocuh.js"></script>
<script src="../js/frozen.js"></script>
<script src="../js/stationSerch.js"></script>
    <script>
        $('.jumpOne').on('tap',function(){
            location.href="query.html";
        });
        $('.jumpTwo').on('tap',function(){
            location.href="yourselfNews.html";
        });
    </script>
</body>
</html>